<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8" />

  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
  <link rel="icon" type="image/png" href="/images/favicon.png" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <!-- Google fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
    rel="stylesheet" />

  %sveltekit.head%
</head>

<body data-sveltekit-preload-data class="bg-white dark:bg-gray-900 text-gray-600 dark:text-gray-400 antialiased">
  <div id="svelte" class=" relative w-full">%sveltekit.body%</div>
</body>

</html>
